<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ include file="/WEB-INF/layouts/base.jsp"%>
<!DOCTYPE HTML>
<html>
  <head>
    <title>添加歌曲</title>
    <link rel="stylesheet" href="${basePath}/static/common/bootstrap-fileinput/css/fileinput.min.css"/>
    
    <!-- 自定义js -->
    <script src="${basePath }/static/admin/main/js/add-song.js" type="text/javascript"></script>
    <!-- bootstrap上传组件 -->
	<script src="${basePath}/static/common/bootstrap-fileinput/js/fileinput.min.js"></script>
    <script src="${basePath}/static/common/bootstrap-fileinput/js/zh.js"></script>
    
  </head>
  <body class="gray-bg">
    <div class="wrapper add-member-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>添加歌曲</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                            <a class="close-link"><i class="fa fa-times"></i></a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <form id="songform" class="form-horizontal">
                           <c:if test="${empty song }">
                            <div class="form-group m-t">
                            	<label class="col-sm-2 control-label">歌曲上传:</label>
                            	<div class="col-sm-4">
                            	<p class="file-error-message songFile" style="display: none;"></p>
                                <input id="songFile" name="songFile" class="file" type="file">
                                <p class="help-block">支持mp3格式，大小不超过15M</p>
								</div>
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group m-t">
                            	<label class="col-sm-2 control-label">歌词上传:</label>
                            	<div class="col-sm-4">
                            	<p class="file-error-message lyrFile" style="display:none;"></p>
                                <input id="lyrFile" name="lyrFile" class="file" type="file"/>
                                <p class="help-block">只支持lrc格式，大小不超过10k</p>
								</div>
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group m-t">
                            	<label class="col-sm-2 control-label">图片上传:</label>
                            	<div class="col-sm-4">
                            	<p class="file-error-message imgFile" style="display: none;"></p>
                                <input id="imgFile" name="imgFile" class="file" type="file"/>
                                <p class="help-block">支持jpg、jpeg、png格式，大小不超过2.0M</p>
								</div>
                            </div>
                            <div class="hr-line-dashed"></div>
                            </c:if>
                            <div class="form-group">
								<label class="col-sm-2 control-label">歌名：</label>
								<div class="col-sm-4">
									<div class="input-icon right">
										<i class="fa"></i>
                                		<input type="text" maxlength="50" class="form-control" required id="songName" name="songName" value="${song.songName }">
                                	</div>
                                </div> 
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
								<label class="col-sm-2 control-label">歌手：</label>
								<div class="col-sm-4">
									<div class="input-icon right">
										<i class="fa"></i>
                                		<input type="text" maxlength="18" class="form-control" required id="singer" name="singer" value="${song.singer }">
                                	</div>
                                </div> 
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
								<label class="col-sm-2 control-label">专辑：</label>
								<div class="col-sm-4">
                                	<input type="text" maxlength="18" class="form-control" name="album" value="${song.album }">
                                </div> 
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
                                <div class="col-sm-4 col-sm-offset-2 add-submit">
                                <input type="hidden" name="id" value="${song.id }" id="songId"/>
                                <input class="btn btn-primary" type="button" id="songSubmit" value="提交"/>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
